<fieldset role="tabpanel" aria-labelledby="component-h-0" class="body current" v-bind:class="{no_display:step!=1}"
          aria-hidden="false">
    <h2><span><vc:i18n name="公司基本信息" namespace="company-base"></vc:i18n></span></h2>
    <div class="row">
        <div class="col-lg-8">
            <div class="form-group">
                <label><span><vc:i18n name="公司名称" namespace="company-base"></vc:i18n></span></label> <span class="required">*</span>
                <input id="name" v-model="companyBaseInfo.name" type="text" class="form-control required"
                       aria-required="true"/>
            </div>
            <div class="dropdown form-group">
                <label><span><vc:i18n name="公司地址" namespace="company-base"></vc:i18n></span></label> <span class="required">*</span>

                <select id="pro" class="form-control form-control-sm" style="width: 10vw;display: inline;"
                        v-model="selectProv"
                        @change="getProv(selectProv)">
                    <option value='' disabled selected style='display:none;'>{{vc.i18n('请选择省','company-base')}}</option>
                    <option v-for="item in provs"
                            :label="item.areaName"
                            :value="item.areaCode">{{item.areaName}}
                    </option>

                </select>
                <select id="city" class="form-control form-control-sm" style="width: 10vw;display: inline;"
                        v-if="selectProv!=''"
                        v-model="selectCity"
                        @change="getCity(selectCity)">
                    <option value='' disabled selected style='display:none;'>{{vc.i18n('请选择城市','company-base')}}</option>
                    <option v-for="item in citys"
                            :label="item.areaName"
                            :value="item.areaCode">{{item.areaName}}
                    </option>
                </select>
                <input name="address" v-model="companyBaseInfo.address" type="text" class="form-control required"
                       aria-required="true"/>
            </div>
            <div class="form-group">
                <label><span><vc:i18n name="联系电话" namespace="company-base"></vc:i18n></span></label> <span class="required">*</span>
                <input name="tel" v-model="companyBaseInfo.tel" type="text" class="form-control required"
                       aria-required="true"/>
            </div>
            <div class="form-group">
                <label><span><vc:i18n name="公司业务" namespace="company-base"></vc:i18n></span></label> <span class="required">*</span>
                <select name="storeTypeCd" v-model="companyBaseInfo.storeTypeCd" class="form-control  required"
                        aria-required="true">
                    <option v-for="storeType in storeTypes" v-bind:value="storeType.storeTypeCd">{{storeType.name}}
                    </option>
                </select>
            </div>
            <div class="form-group">
                <label><span><vc:i18n name="附近建筑" namespace="company-base"></vc:i18n></span></label> <span class="required">*</span>
                <input name="nearbyLandmarks" v-model="companyBaseInfo.nearbyLandmarks" type="text"
                       class="form-control required" aria-required="true"/>
            </div>
        </div>
        <div class="col-lg-4">
            <div class="text-center">
                <div style="margin-top: 20px;">
                    <i class="fa fa-sign-in" style="font-size: 180px; color: rgb(229, 229, 229);"></i>
                </div>
            </div>
        </div>
    </div>
</fieldset>
